import { useLocation, useNavigate } from "react-router-dom";
import { useAppSelector } from "../store/hooks";
import { useEffect } from "react";


export const useAuth = () => {
  const accessToken = useAppSelector((state) => state.user.accessToken);
  const { pathname } = useLocation();
  const navigate = useNavigate();
  // 白名单页面（是不需要要登陆的）
  const whiteList = ["/login", "/register"];
  useEffect(() => {
    if (accessToken) {
      // 已经登陆
      if (whiteList.includes(pathname)) {
        //   访问的是白名单     拦截去首页
        navigate("/");
      } else {
        //   访问的是非白名单    正常访问  不做拦截
      }
    } else {
      // 未登陆
      if (whiteList.includes(pathname)) {
        //  访问的是白名单     正常访问  不做拦截
      } else {
        //  访问的是非白名单    拦截去登陆
        navigate("/login");
      }
    }

 

    
  }, [pathname, accessToken]);
};

// html  css
